<!--
 * @Description  : 公告详情
 * @Author       : zhao
 * @Date         : 2022-07-13 13:40:25
 * @LastEditors  : zhao
 * @LastEditTime : 2023-02-02 10:32:37
-->
<template>
    <div class='BorrowDetails height_Fill'>
        <zBack :content="'公告详情'" :back="true" />
        <div class="InfoPublicDetails_content">
            <div class="title">
                <h1>{{ infoData.value.title }}</h1>
                <p class="source times">

                    <span style="margin: 0 20px">发布时间：<span class="time" style="margin: 0">{{ infoData.value.updateTime
                    }}</span></span>
                </p>
            </div>
 
            <div class="content" v-html="infoData.value.content">
            </div>
        </div>
    </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
import zBack from "/@/components/ztitle/index.vue"
import { useTableInfo } from '/@/stores/ztable'
import { usePublicity } from '/@/stores/publicity'
const usePublicitys = usePublicity()
const useTableInfos = useTableInfo()
let infoData = reactive({value:{}})
const getData =async () => {
const { data } = await usePublicitys.GetNotice({ id: useTableInfos.zTable.rowData.id })
    try {
        
        infoData.value = data

}catch{}
}
getData()

</script>
<style lang='scss' scoped>
.BorrowDetails {
    // padding: var(--main-padding);
    background: white;

    .InfoPublicDetails_content {

        padding: 20px;
        width: 100%;
        margin: 0 auto;
        text-align: center;

        .title {
            text-align: center;

            span {
                margin: 15px 20px;
                color: #666;
            }
        }

        .content {
            border-top: 1px solid #ccc;
            text-align: left;
            padding-top: 30px;

            text-indent: 2em;

            margin: 0;
            font-size: 0.37rem;
            line-height: 28px;
            letter-spacing: 0.5px;
            text-align: justify;
            color: rgb(0, 0, 0);
            font-family: 仿宋_GB2312;
            text-align: justify;
            text-indent: 42.6667px;
            overflow: hidden;
            word-break: break-all;
        }

        P {}
    }
}

.times {
    margin: 12px 0;

    span {

        font-size: 12px;
    }
}

h1 {
    margin: 0;
    font-size: 18px;
}
</style>